//定义食物类

class Food {
    element: HTMLElement;
    parentEle: HTMLElement;
    parentNodeIdName: string
    constructor(parentNodeIdName: string = 'stage') { // !表示一定能获取到这个元素
        this.element = document.getElementById('food')!;
        this.parentEle = document.getElementById(parentNodeIdName)!;
        this.parentNodeIdName = parentNodeIdName
    }
    //获取食物坐标的方法
    get x() {
        return this.element.offsetLeft
    }
    get y() {
        return this.element.offsetTop
    }

    //修改食物位置的方法
    change() {
        //获取游戏屏幕宽度  
        let stageWidth = this.parentEle.clientWidth
        //食物偏移位置最小为0 最大为屏幕宽度
        let num = stageWidth / 10 // 食物宽度为10   
        //得到一个为10倍数的 随机数 不能包括食物所以要向下取整
        let top = Math.floor(Math.random() * num) * 10
        let left = Math.floor(Math.random() * num) * 10
        this.element.style.left = left + "px"
        this.element.style.top = top + "px"
    }
}

export default Food